/**/
 *, *::before, *::after {
    font-family: "PingFang SC","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none !important;
    outline: none;
    padding: 0;
    margin: 0;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
}
body{
    overflow-y: scroll;
}
html, body{
    width: 100%;
    height: 100%;
    font-family: "PingFang SC","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
ul, li {
    list-style: none;
}
.wrap{
    width: 100%;
    height: 100%;
    position: relative;
}
.page1{
    width: 100%;
    min-height: 100%;
    overflow: auto;
    position: relative;
    top: 0;
}
.page1 .banner{
    width: 100%;
    top: 0;
}
.page1 .banner img{
    width: 100%;
}
.page1 .phone{
    width: 100%;
    padding: 0 0.53rem 0 0.53rem;
    margin-top: -0.74rem;
}
.phone-enter{
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    border:none;
    width: 100%;
    height: 1.42rem;
    border-radius: 8px;
    font-size: .5rem;
    color: #333;
    margin-bottom: .4rem;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.24);
}
.receive-btn{
    width: 100%;
    height: 1.42rem;
    margin-top: .22rem;
    background: #eee2e2;
    border-radius: 8px;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    border:none;
    box-shadow: none;
}
.receive-btn:focus, .receive-btn:active, .receive-btn.active, .receive-btn:hover{
    background: #25be46;
    color: #fff;
}
.phone p{
    display: block;
    padding-bottom: .18rem;
    margin:0;
    overflow: hidden;
}
.code-enter{
    display: inline-block;
    width: 5.47rem;
    height: 1.42rem;
    padding: 6px 12px;
    font-size: .5rem;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    border:none;
    float: left;
    border-radius: 8px;
}
.botain-btn{
    display: inline-block;
    width: 3.13rem;
    height: 1.42rem;
    float: right;
    border-radius: 6px;
    background: #25be46;
    font-size: .3rem;
    color: #fff;
    top: .2rem;
}
.botain-btn:focus, .botain-btn:active, .botain-btn.active, .botain-btn:hover{
    color: #fff;
    background: #25be46;
    opacity: 1 !important;
}
.btn-invalid{
    color: #ddd !important;
    background-color: #898989 !important;
}
.page1 .text{
    width: 100%;
    padding: 0.5rem 0.53rem 0 0.53rem;
    overflow: hidden;
}
.page1 .text p{
    display: inline-block;
    float: left;
    font-size: .5rem;
    line-height: .86rem;
    color: #555;
    font-family: "Microsoft YaHei";
}
.page1 .text img{
    display: inline-block;
    float: right;
    width: 1.31rem;
    height: 1.51rem;
    margin: 0.16rem 0.33rem 0 0;
}
.up-arrow{
    position: absolute;
    bottom: .4rem;
    left: 50%;
    margin-left: -0.25rem;
}
.up-arrow img{
    width: .51rem;
    height: .29rem;
}


/**/
.page2{
    position: relative;
    padding-bottom: 1.62rem;
}
.page2 img{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.page2 img:last-child{
    margin:0;
}
.bottom{
    width: 100%;
    height: 1.62rem;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #f8f8fb;
}
.bottom p{
    float: left;
    padding: 0.27rem 0 0 0.53rem; 
}
.bottom p img{
    width: 3.3rem;
    height: 1.07rem;
}
.download-btn{
    display: inline-block;
    float: right;
    padding: 0.36rem 0.53rem 0 0;
}
.download-btn img{
    width: 3.13rem;
    height: 0.97rem;
}


input::-webkit-input-placeholder {
    color:    #999;
}
input::-moz-placeholder {
   color:    #999;
   opacity:  1;
}
input::-moz-placeholder {
   color:    #999;
   opacity:  1;
}
input::-ms-input-placeholder {
   color:    #999;
}

.body-loading {
    position:fixed;
    width: 100%;
    height: 100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:999;
    background:#fff;
    color:#666;
    overflow: hidden;
}

.loading-img {
    display: inline-block;
    font-size:2em;
    width: 1rem;
    height: 1rem;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}


/*tips*/
.overlayout{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    bottom:0;
    z-index: 23;
}
.tips{
    width: 7.21rem;
    background-color: #fff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    margin-left: -3.6rem;
    top: 40px;
    display: none;
    z-index: 25;
}
.tips .content{
    padding: 0.28rem 0.81rem 0.56rem 0.81rem;
    position: relative;
}
.tips .content .title{
    font-size: 0.51rem;
    color: #26c049;
    font-family: "Microsoft YaHei";
    text-align: center;
    padding-bottom: .45rem;
}
.tips .content .txt{
    background: url(../../images/web/share-dowload/tips_coupons_bg.jpg) top center no-repeat;
    background-size: 100%;
    padding-top: 3.45rem;
    text-align: center;
}
.tips .content .txt .txt-info{
    font-size: 0.4rem;
    color: #666;
    margin:0;
}
.tips .content .txt .txt-look{
    font-size: .32rem;
    color: #666;
}
.tips .content .txt .txt-look span{
    color: #26c049;
}
.tips .tips-btn{
    width: 100%;
    height: 1.07rem;
    background-color: #26c049;
    font-size: .43rem;
    color: #fff;
}
.tips .content .tips-close{
    display: inline-block;
    width: .53rem;
    height: .54rem;
    padding: .1rem;
    background: url(../../images/web/share-dowload/tips-close.png) center no-repeat;
    background-size: .33rem;
    position: absolute;
    top: .28rem;
    right: .29rem;
}



.noscroll,
.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: relative;
}